<!DOCTYPE html><html><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="format-detection" content="telephone=no">
	<title>明细</title>
	<script type="text/javascript" src="<?php echo RESOURCE_SITE_URL;?>/js/zepto.js" charset="utf-8"></script>
    <style type="text/css">
        * {
            outline: none;
            -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
            vertical-align: baseline;
            font-style: normal;
        }

        body {
            margin: 0;
            padding: 0;
            font-size: 12px;
            font-family: Microsoft Yahei, Arial, Simsun, Helvetica, Segoe UI, sans-serif;
            color: #404040;
            background-color: #efeff4;
        }

        img {
            border: 0
        }

        ul, ol, li, dt, dl, dd {
            text-decoration: none;
            list-style: none;
            vertical-align: middle;
            margin: 0;
            padding: 0;
        }

        a,
        a:visited {
            color: #373737;
            text-decoration: none;
        }

        .blank {
            width: 100%;
            height: 20px;
        }
    </style>
</head>

<body>
<style type="text/css">
    body {
        background-color: #FFF;
    }

    .recordMain {
        width: 100%;
        background-color: #FFF;
        display: table;
    }

    .recordMain.noData {
        background-color: none;
        text-align: center;
        padding-top: 40px;
        font-size: 13px;
    }

    .recordMain .balanceItem {
        position: relative;
        height: 40px;
        border-bottom: 1px solid #e7e7e7;
        position: relative;
        padding: 12px 0;
    }

    .recordMain .balanceItem:last-child {
        border-bottom: none;
    }

    .recordMain .balanceItem .type,
    .recordMain .balanceItem .time {
        width: 50%;
        height: 25px;
        margin-left: 18px;
        float: left;
        line-height: 25px;
    }

    .recordMain .balanceItem .type {
        font-size: 16px;
        color: #000;
    }

    .recordMain .balanceItem .time {
        height: 15px;
        line-height: 15px;
        color: #7e7e7e;
    }

    .recordMain .balanceItem .amount {
        position: absolute;
        width: 38%;
        line-height: 40px;
        text-align: right;
        right: 18px;
        font-size: 20px;
    }

    .recordMain .balanceItem .amount span {
        padding-right: 5px;
    }

    .recordMain .balanceItem .amount.positive {
        color: #06BC07;
    }

    .recordMain .balanceItem .amount.negtive {
        color: #F19333;
    }

    .recordMain .balanceItem .amount.withdrawWait {
        color: #7e7e7e;
    }

    .recordMain .balanceItem .status {
        position: absolute;
        bottom: 5px;
        right: 18px;
        font-size: 12px;
        color: #7e7e7e;
    }

    .totalAmount {
        height: 60px;
        width: 100%;
        line-height: 60px;
        text-align: right;
        font-size: 14px;
        position: fixed;
        bottom: 0;
        border-top: 1px solid #cfd1d4;
        color: #5e5e5e;
        background-color: #efeff4;
    }

    .totalAmount .menu {
        float: left;
        margin-left: 18px;
        position: relative;
    }

    .totalAmount .menu .menuBtn {
        background-image: url(/res/img/balanceMenu.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 16px;
        padding-left: 18px;
        text-align: left;
    }

    .totalAmount .menu .menuList {
        position: relative;
        bottom: 237px;
        background-color: #FFF;
        border: 1px solid #cfd1d4;
        display: none;
        border-radius: 2px;
    }

    .totalAmount .menu .menuList ul {
        padding: 0 10px;
    }

    .totalAmount .menu .menuList ul li {
        height: 40px;
        border-bottom: 0.5px solid #cfd1d4;
        line-height: 40px;
        text-align: center;
        margin: 0 5px;
        padding: 0 5px;
    }

    .totalAmount .menu .menuList ul li:last-child {
        border: none;
    }

    .totalAmount .menu .menuList em {
        display: block;
        border-width: 10px;
        position: absolute;
        bottom: -20px;
        left: 10px;
        border-style: solid dashed dashed;
        border-color: #cfd1d4 transparent transparent;
        font-size: 0;
        line-height: 0;
    }

    .totalAmount .menu .menuList span {
        display: block;
        border-width: 10px;
        position: absolute;
        bottom: -18.5px;
        left: 10px;
        border-style: solid dashed dashed;
        border-color: #FFF transparent transparent;
        font-size: 0;
        line-height: 0;
    }

    .totalAmount .balance {
        float: right;
    }

    .totalAmount .balance .amount {
        color: #780018;
        float: right;
        font-size: 18px;
        text-indent: 10px;
        margin-right: 18px;
        font-weight: bold;
    }

    .loadNextPage {
        height: 60px !important;
    }

    .loadNextPage {
        height: 60px !important;
    }

    .loadNextPage .loading {
        margin: 10px auto !important;
    }
    
  .least {width:100%;height:50px;font-size:1.4em;line-height:50px;position:fixed;bottom:0px;border-top:#ddd 1px solid;background:#eeeff3;}
  .least a {margin-left:15px;padding-left:30px;background:url(<?php echo TEMPLATE_SITE_URL;?>/images/filter.jpg) left center no-repeat;float:left;}
  .least span {margin-right:15px;float:right;}
  .least span b {color:#8f0016;}
</style>


<div id="contentbox">
	<div class="recordMain"></div>
    <div class="least">
		<!--  <a>款项筛选</a>  -->
        <span>余额（元）<b><?php echo $output['user']['price'];?></b></span>
    </div>
</div>


<input type="hidden" name="haspage" value="1" id="haspage">
<input type="hidden" name="pagenum" value="0" id="pagenum">
<div class="loadNextPage" style="margin-top:10px;color:#777;text-align:center;font-size:13px;display:none;">
	<div class="loading" style="width:100px;height:40px;margin-left:auto;margin-right:auto">
		<img src="<?php echo TEMPLATE_SITE_URL;?>/images/loadingData.gif" style="float:left">
		<span style="float:left;margin-top:10px;">加载拍卖</span>
	</div>
</div>
<script type="text/javascript">
$(function(){
    $(window).scroll(function () {
        var $body = $("body");
        if (($(window).height() + $(window).scrollTop()) >= $body.height()) {
	        var haspage = parseInt($('#haspage').val());
	        if(haspage=='0'){
				return false;
			}
    		var pagenum = parseInt($('#pagenum').val());
    		var nextpage = eval(pagenum+1);
    				
    		ajaxdata(nextpage);
        }
    });

    function ajaxdata(nextpage){       
		$.ajax({
			type:'get',
			url:'index.php?act=my&op=mingxidata',
			data:{nextpage:nextpage},
			dataType:'html',
			success:function(html){
				$('.loadNextPage').hide();
				if(html==''){
					$('#haspage').val('0');
				}else{
					$('#pagenum').val(nextpage);
					$('.recordMain').append(html);
				}

				$('.balanceItem').click(function(){
					var mingxi_id = $(this).attr('mingxi');	
					location.href = 'index.php?act=my&op=mingxidetail&id='+mingxi_id;
				});
			},
			beforeSend:function(){
				$('.loadNextPage').show();
			}
		});
    }
    
    ajaxdata(1);
});
</script>
</body></html>